<template>
	<view class="find-box">
		<view> 学习组件间传值</view>
		<child :message="msg"></child>
		<child :message="msg" @newData="getMsgFormSon">
			<template v-slot:header>
			    <view>具名插槽: 这是header部分</view>
			 </template>
			 <template v-slot:main>
			     <view>具名插槽: 这是main部分</view>
			  </template>
			  <template v-slot:footer>
			      <view>具名插槽: 这是footer部分</view>
			   </template>
		</child>
		<view>接收子组件的内容: {{msgFormSon}}</view>
	</view>
</template>

<script>
	import child from '@/components/child/child.vue'
	export default {
		data() {
			return {
				msg: "我是父组件的数据",
				msgFormSon: ''
			};
		},
		components:{
			child
		},
		methods:{
			getMsgFormSon (data) {
				this.msgFormSon = data
			}
		}
	}
</script>

<style lang="scss">

</style>
